{% extends "../inc/admin.content.html" %}

{% block button %}
<div class="nowrap pull-right" style="margin-top:10px">
    <button data-modal='{{'/' + ctx.controller + '/add'}}' data-title="添加权限" class='layui-btn layui-btn-small'>
        <i class='fa fa-plus'></i> 添加权限
    </button>
    <button data-update data-field='delete' data-action='{{'/' + ctx.controller + '/del'}}'
            class='layui-btn layui-btn-small layui-btn-danger'>
        <i class='fa fa-remove'></i> 删除权限
    </button>
</div>
{% endblock %}

{% block content %}
<form onsubmit="return false;" data-auto="true" method="post">
  {% if list %}
  <input type="hidden" value="resort" name="action"/>
  <table class="layui-table" lay-skin="line" lay-size="sm">
      <thead>
          <tr>
              <th class='list-table-check-td'>
                  <input data-none-auto="" data-check-target='.list-check-box' type='checkbox'/>
              </th>
              <th class='list-table-sort-td'>
                  <button type="submit" class="layui-btn layui-btn-normal layui-btn-mini">排 序</button>
              </th>
              <th class='text-center'>权限名称</th>
              <th class='text-center'>权限描述</th>
              <th class='text-center'>状态</th>
              <th class='text-center'>添加时间</th>
              <th class='text-center'>操作</th>
          </tr>
          </thead>
          <tbody>
          {% for item in list %}
          <tr>
              <td class='list-table-check-td'>
                  <input class="list-check-box" value='{{item.id}}' type='checkbox'/>
              </td>
              <td class='list-table-sort-td'>
                  <input name="{{item.id}}" value="{{item.sort}}" class="list-sort-input"/>
              </td>
              <td class='text-center'>{{item.desc}}</td>
              <td class='text-center'>{{item.description|default("<span style='color:#ccc'>没有写描述哦！</span>") | safe }}</td>
              <td class='text-center'>
                  {% if item.status === '0' %}
                  <span>已禁用</span>
                  {% else %}
                  <span style="color:#090">使用中</span>
                  {% endif %}
              </td>
              <td class='text-center'>{{item.create_at|moment("YYYY-MM-DD HH:mm")}}</td>
              <td class='text-center nowrap'>
                {% if item.status === 1 %}
                <span class="text-explode">|</span>
                <a data-modal="{{'/' + ctx.controller + '/edit' + '?id=' + item.id}}" href="javascript:void(0)">编辑</a>
                {% endif %}
  
                {% if item.status === 1 %}
                <span class="text-explode">|</span>
                <a data-open='{{'/' + ctx.controller + '/apply' + '?id=' + item.id}}' href="javascript:void(0)">授权</a>
                {% endif %}
  
                {% if item.status === 1 %}
                <span class="text-explode">|</span>
                <a data-update="{{item.id}}" data-field='status' data-value='0' data-action='{{'/' + ctx.controller + '/forbid' + '?id=' + item.id}}'
                  href="javascript:void(0)">禁用</a>
                {% elseif item.status === 0 %}
                <span class="text-explode">|</span>
                <a data-update="{{item.id}}" data-field='status' data-value='1' data-action='{{'/' + ctx.controller + '/resume' + '?id=' + item.id}}'
                  href="javascript:void(0)">启用</a>
                {% endif %}
  
                {% if item.status === 1 %}
                <span class="text-explode">|</span>
                <a data-update="{{item.id}}" data-field='delete' data-action='{{'/' + ctx.controller + '/del' + '?id=' + item.id}}' href="javascript:void(0)">删除</a>
                {% endif %}

              </td>
          </tr>
          {% endfor %}
          </tbody>
        </table>
  {% else %}
    <p class="help-block text-center well">没 有 记 录 哦！</p>
    {% if page %}
    <p>{{ page }}</p>
    {% endif %}
  {% endif %}
</form>
{% endblock %}